<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta charset="utf-8">
		<title>Layabox</title>
		<link rel="stylesheet" href="./assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="./assets/css/animate.min.css" />
		<link rel="stylesheet/less" href="./assets/css/reset.less" />
		<link rel="stylesheet/less" href="./assets/css/common.less" />
		<link rel="stylesheet/less" href="./assets/css/index.less" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="header">
			<nav class="navbar navbar-inverse">
				<div class="container">
					<!-- 移动端导航栏 -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#">
                           <img src="../hhhhhh/assets/images/Layabox-Laya家族7_03.png"></a>
						
					</div>
					<!-- 导航栏 -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>
							<li><a href="family.html" class='wow fadeInDown ' data-wow-delay='0ms'>Laya家族</a></li>
							<li><a href="games.html" class='wow fadeInDown ' data-wow-delay='50ms'>游戏</a></li>
							<li><a href="news.html" class='wow fadeInDown ' data-wow-delay='100ms'>新闻动态</a></li>
							<li><a href="#" class='wow fadeInDown ' data-wow-delay='150ms'>开发者中心</a></li>
							<li><a href="#" class='wow fadeInDown ' data-wow-delay='200ms'>开发者社区</a></li>
							<li><a href="#" class='wow fadeInDown ' data-wow-delay='250ms'>开放平台</a></li>
							<li><a href="about.html" class='wow fadeInDown ' data-wow-delay='300ms'>关于我们</a></li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
									aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li><a href="#">Action</a></li>
									<li><a href="#">Another action</a></li>
									<li><a href="#">Something else here</a></li>
									<li role="separator" class="divider"></li>
									<li><a href="#">Separated link</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
    <div class="demo">
        <div class="k wow fadeInUp" data-wow-delay="0ms"><img src="../hhhhhh/assets/images/图层 53.png"></div>
    </div>

    <div class="demo2">
        <div class="conteiner">
            <div class="key">
                <span class="jj wow fadeInUp" data-wow-delay="200ms">公司简介</span>
                <div class="hei wow fadeInUp" data-wow-delay="200ms">搜游网络科技(北京)有限公司是-家面向全球的、技术极客氛围浓厚的创新科技企业。</div>

                <p class="kk wow fadeInUp" data-wow-delay="300ms"> 公司创始人谢成鸿是金球最早的HTML游戏开拓者。是2000年全球最大页游平台可乐吧的创始
                    人。拥有长达15年的引擎开发经验。是大型HTML5游戏坚定的捍卫者。因此。公司定位于大型HTML5
                    游戏引擎技术研发和产品发行运营。</p>
                <p class="kk2 wow fadeInUp" data-wow-delay="400ms"> 公司拥有一群渴望用技术改变世界的狂人，以世界因我而不同为企业使命。推动HTML5产业发
                    展.打造的Layabox技术品牌。面向渠道以及开发者,推出基于LAYA的一系列优秀技术产品,拥有最优
                    秀的大型HTML5支撑技术和众多成功案例。成为全球质级的HTML5引學提供商。
                </p>
            </div>
            <div class="type wow fadeInUp" data-wow-delay="400ms"><img src="../hhhhhh/assets/images/图层 55.png"></div>
            <div class="kkk"></div>
        </div>
    </div>

    <div class="demo3">
        <div class="conteiner">
                <div class="dd">
                      <div class="dd1 wow fadeInUp" data-wow-delay="100ms" >人才招聘</div>
                    <div class="dd2 wow fadeInUp" data-wow-delay="200ms">Layabox是性能最强的HTML 5引擎技术提供商与优秀的游戏发行商，面向Flash开发者提供
                        HTML 5开发技术方案!</div>
                    <div class="dd3 wow fadeInUp" data-wow-delay="300ms">欢迎各种人才的加入，这里给您最大的发挥空间，-起共创辉煌。</div>
                </div>
                <div class="vv ">
                    <div class="vv2 wow bounceInRight" data-wow-delay="200ms">请投简历到HR邮箱:</div>
                    <div class="vv3 wow bounceInRight" data-wow-delay="300ms">hr@layabox.com</div>
                    <div class="vv4 wow bounceInRight" data-wow-delay="400ms">期待优秀的你，共同将梦想写进未来!</div>
                        <div class="vv5"></div>
                </div>
        </div>
    </div>

<div class="demo4">
    <div class="conteiner">
        <div class="ik wow fadeInUp" data-wow-delay="100ms">as3引擎开发</div>
        <div class="ik2 wow fadeInUp" data-wow-delay="200ms">职位描述:</div>
        <div class="ik3" >
            <ol>
                <li class="wow fadeInUp" data-wow-delay="300ms">as3游戏引擎编写</li>
                <li class="wow fadeInUp" data-wow-delay="400ms">as3游戏底层成优化逻辑代码</li>
                <li class="wow fadeInUp" data-wow-delay="500ms">游戏架构或性能优化。</li>
            </ol>
        <div class="ik4 wow fadeInUp" data-wow-delay="600ms">任职要求:</div>
        <div class="ik5">
            <ol>
                <li class="wow fadeInUp" data-wow-delay="700ms">熟练掌握ActionScript 3语言熟悉ActionScrip3程序技巧,以及常用内置类;</li>
                <li class="wow fadeInUp" data-wow-delay="800ms">熟悉MVC框架的使用,理解面向对象编程思想,可以抽象-般的业务内容;</li>
                <li class="wow fadeInUp" data-wow-delay="900ms">热爱游戏行业热衷编程。工作认真负责,具有良好的沟通能力,以及团队合作能力,强烈的责任心。创业精神; .</li>
                <li class="wow fadeInUp" data-wow-delay="1000ms">具有丰富的游戏开发经验:</li>
                <li class="wow fadeInUp" data-wow-delay="1100ms">能写底层或引擎等优先考虑。</li>
            </ol>
        </div>
        </div>
    </div>
</div>

<div class="demo5">
        <div class="conteiner">
            <div class="kk wow fadeInUp" data-wow-delay="100ms">PHP开发工程师</div>
            <div class="kk2 wow fadeInUp" data-wow-delay="200ms">职位描述:</div>
            <div class="kk3">
                <ol>
                    <li class="wow fadeInUp" data-wow-delay="300ms">设计并实现大数据,高并发。可扩展性的海量用户级游戏平台;</li>
                    <li class="wow fadeInUp" data-wow-delay="400ms">负责平台核心功能模块的开发,调试和整合;</li>
                    <li class="wow fadeInUp" data-wow-delay="500ms">参与制定平台业务流程，交互式平台架构。</li>
                </ol>
            <div class="kk4 wow fadeInUp" data-wow-delay="600ms">任职要求:</div>
            <div class="kk5">
                <ol>
                    <li class="wow fadeInUp" data-wow-delay="700ms">具有强烈的责任心,良好的沟通能力,有较强的独立工作能力和解决问题的能力;</li>
                    <li class="wow fadeInUp" data-wow-delay="800ms">三年以上PHP开发经验,熟练掌握PHP开发及性能优化经验; .</li>
                    <li class="wow fadeInUp" data-wow-delay="900ms">熟恶大型网站或平台的构架和性能优化,熟悉各种WEB缓存技术,并有实际的项目经验;</li>
                    <li class="wow fadeInUp" data-wow-delay="1000ms">熟悉Linux服务器环境优先考虑。</li>
                </ol>
            </div>
            </div>
        </div>
</div>

<div class="demo6">
    <div class="conteiner">
        <div class="jj wow fadeInUp" data-wow-delay="100ms">游戏商务经理</div>
        <div class="jj2 wow fadeInUp" data-wow-delay="200ms">职位描述:</div>
        <div class="jj3 wow fadeInUp" data-wow-delay="300ms">
            <ol>
                <li class="wow fadeInUp" data-wow-delay="400ms">负责开拓游戏合作客户,及落实商务政策;</li>
                <li class="wow fadeInUp" data-wow-delay="500ms">寻找符合公司利益的战略合作伙伴,并参与商务谈判,促成合作业务的达成;</li>
            </ol>
        <div class="jj4 wow fadeInUp" data-wow-delay="100ms">任职要求:</div>
        <div class="jj5 wow fadeInUp" data-wow-delay="200ms">
            <ol>
                <li  class="wow fadeInUp" data-wow-delay="300ms">熟悉互联网及游戏行业内合作运营的具体情况,具备大型网页游戏平台商务工作经验;</li>
                <li class="wow fadeInUp" data-wow-delay="400ms"敏锐的市场洞察力,对游戏合作模式有较深了解;</li>
                <li class="wow fadeInUp" data-wow-delay="500ms">优秀的人际交往、商务拓展和任务执行能力,并能承受工作压力;</li>
                <li class="wow fadeInUp" data-wow-delay="600ms">工作认真细致,具备高度的责任心、团队协作意识和吃苦耐劳精神;</li>
                <li class="wow fadeInUp" data-wow-delay="700ms">英语优秀者优先。</li>
            </ol>
        </div>
        </div>
    </div>
</div>

<div class="demo7">
    <div class="conteiner">
        <div class="kwe wow fadeInUp" data-wow-delay="100ms">游戏运维工程师</div>
            <div class="kwe2 wow fadeInUp" data-wow-delay="200ms">职位描述:</div>
            <div class="kwe3">
                <ol>
                    <li class="wow fadeInUp" data-wow-delay="300ms"监.网络游戏的环境部署、多版本发布、在线升级和相关维护工作;</li>
                    <li class="wow fadeInUp" data-wow-delay="400ms">控服务器运行状态,第一-时间处理服务器突发软硬件故障,对服务器安全管理的规划和执行;</li>
                    <li class="wow fadeInUp" data-wow-delay="500ms">服务器数据、文件的备份管理;</li>
                    <li class="wow fadeInUp" data-wow-delay="600ms">游戏服务器部署架构的研究和优化，游戏自动化部署、发布的研究工作。</li>
                </ol>
            <div class="kwe4 wow fadeInUp" data-wow-delay="100ms">任职要求:</div>
            <div class="kwe5 wow fadeInUp" data-wow-delay="200ms">
                <ol>
                    <li class="wow fadeInUp" data-wow-delay="300ms"> 大专及以上学历,计算机或相关专业, 2年以上Linux服务器管理维护经验;</li>
                    <li class="wow fadeInUp" data-wow-delay="400ms">熟悉windows、Linux操作系统的安装、 管理;会制作自动化安装光盘;</li>
                    <li class="wow fadeInUp" data-wow-delay="500ms">了解常见应用服务器LAMP安装、配置;了解主流数据库Mysq的安装、配置;</li>
                    <li class="wow fadeInUp" data-wow-delay="600ms">具有高度的责任心、抗压力,以及良好的沟通能力及团队合作精神，具有独立分析和处理故障的能力;</li>
                    <li class="wow fadeInUp" data-wow-delay="700ms">熟悉防火墙,路由、交换机的运行机制和配置，熟悉各种网络协议;具有游戏运维经验,熟悉网络游戏服务器部署架构者优先;</li>
                    <li class="wow fadeInUp" data-wow-delay="800ms">有自动化部署、发布;腾讯平台游戏接入、运维工作经验者优先。</li>
                </ol>
            </div>
            </div>
    </div>
</div>

<div class="demo8">
    <div class="conteiner">
        <div class="tak wow fadeInUp" data-wow-delay="100ms">android开发工程师</div>
        <div class="tak2 wow fadeInUp" data-wow-delay="200ms">职位描述:</div>
        <div class="tak3 wow fadeInUp" data-wow-delay="300ms" >
            <ol>
                <li class="wow fadeInUp" data-wow-delay="400ms">负责各种平台对接.浏览器对接。</li>
            </ol>
        </div>
        <div class="tak4 wow fadeInUp" data-wow-delay="100ms">任职要求:</div>
        <div class="tak5">
            <ol>
                <li class="wow fadeInUp" data-wow-delay="200ms">熟悉java ;</li>
                <li class="wow fadeInUp" data-wow-delay="300ms">熟悉android原生开发;</li>
                <li class="wow fadeInUp" data-wow-delay="400ms">能够用android做一下简单的界面 ,熟悉webView的用法。</li>
            </ol>

        </div>
    </div>
</div>


<div class="demo9">
<div class="conteiner">
    <div class="kk">
    <div class="ba wow fadeInUp" data-wow-delay="100ms">联系方式</div>
    <div class="ba2">
        <div class="ba3 wow fadeInUp" data-wow-delay="100ms"><img src="../hhhhhh/assets/images/图层 57.png" width="55px"><p>北京市海淀区蓝靛厂南路25号牛顿办公区301室</p></div>
        <div class="ba4 wow fadeInUp" data-wow-delay="200ms"><img src="../hhhhhh/assets/images/58_03.png"width="55px"><span>bd@layabox.com</span></div>
        <div class="ba5 wow fadeInUp" data-wow-delay="300ms"><img src="../hhhhhh/assets/images/59_03.png"width="55px"><span>微信公众号: layabox</span></div>
        <div class="ba6 wow fadeInUp" data-wow-delay="400ms"><img src="../hhhhhh/assets/images/60_03.png"width="55px"><span>电话: 010-56277796</span></div>
    </div>
</div>
</div>
</div>


<div class="demo10">
    <div class="coteiner">
        <div class="nn">
            <ul class="jj5">
            <div class="jj wow fadeInUp" data-wow-delay="100ms">公司简介</div>
            <div class="jj2 wow fadeInUp" data-wow-delay="200ms">联系方式</div>
            <div class="jj3 wow fadeInUp" data-wow-delay="300ms">人才招聘</div>
            </ul>
            <div class="jj4 wow fadeInUp" data-wow-delay="400ms">All Copyright Reserved by Latabox Inc. 京ICP备15008153号-1</div>
        </div>
        <div class="nn2">
            <div class="nn3 wow fadeInRightBig" data-wow-delay="100ms"><img src="../hhhhhh/assets/images/Layabox-Laya家族7777_01_03.png"></div>
            <div class="nn4 wow fadeInRightBig" data-wow-delay="200ms"><img src="../hhhhhh/assets/images/Layabox-Laya家族8888_03.png"></div>
            <div class="nn5 wow fadeInRightBig" data-wow-delay="300ms"><img src="../hhhhhh/assets/images/Layabox-Laya家族999_03.png"></div>
        </div>
    </div>
</div>
</body>

</html>
<!-- 引入jquery -->
<script src="./assets/js/jquery.min.js"></script>

<!-- 引入bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- 引入解析less的插件 -->
<script src="./assets/js/less.min.js"></script>

<!-- 引入懒加载的插件 -->
<script src="./assets/js/w.min.repeat.js"></script>

<script>
    //懒加载初始化
    new WOW().init()

    //给页面绑定一个监听滚动条变化的事件
    $(document).scroll(function () {
        //获取到拉动一个距离
        var distance = $(this).scrollTop()

        //当前滚动条的值只要是大于10px 就给导航条添加背景色
        if (distance > 10) {
            $("#header").css({ "backgroundColor": "#111111", paddingBottom: 0 })
            $("#gotop").css({ zIndex: 99998, opacity: 1 })
        } else {
            //小于等于10
            $("#header").css({ 'backgroundColor': 'transparent', paddingBottom: '0em' })
            $("#gotop").css({ zIndex: -99998, opacity: 0 })
        }
    })


    //锚点的缓动效果 给特定链接元素 绑定点击事件
    $("#back a,.menu a,#banner a,.logo").click(function () {
        // console.log()
        //获取链接地址上面的路径部分(不包含域名)
        // location.pathname
        //replace 替换
        // 正则表达式 /^\// ^ 以....开始  \(转义) /
        // console.log(location.pathname) 系统的路径
        // console.log(location.pathname.replace(/^\//, '')) //系统替换的路径
        // this 你点击的是谁 他就是那个元素  点击 a元素 this == a 
        // console.log(this) //当前元素
        // console.log(this.pathname)  点击当前元素所跳转链接的路径
        // console.log(this.pathname.replace(/^\//, ''))  当前元素所跳转链接替换后的路径

        // console.log(location.hostname)  //系统获取域名部分
        // console.log(this.hostname)  //当前元素所跳转链接的域名部分

        //系统替换后的结果
        var LocationReplace = location.pathname.replace(/^\//, '')
        var CurrentReplace = this.pathname.replace(/^\//, '')

        //系统获取的域名部分
        var LocationHostname = location.hostname
        var CurrentHostname = this.hostname

        //true 真 结果一样 false 结果不一样
        // console.log(LocationReplace == CurrentReplace)
        // console.log(LocationHostname == CurrentHostname)
        // && 两个条件必须同时为真 才返回 true  否则false
        // console.log(true && false) //逻辑不短路 第一个为真 不代表第二个就为真 所以后面还要正常执行
        // console.log(false && false) //逻辑短路不执行

        //判断你跳转的链接 是不是在当前界面

        // http://www.baidu.com
        // http://www.baidu.com/#top 
        // http://www.taobao.com/#top 

        //你必须是跳转到当前界面的链接  才能做锚点
        if (LocationReplace == CurrentReplace && LocationHostname == CurrentHostname) {
            //获取将要跳转的锚点位置
            var $target = $(this.hash)

            //一定要当他找到锚点元素的时候，才跳转锚点
            if ($target.length > 0) {
                //获取目标元素的位置
                var pos = $target.offset().top

                //让页面的body和html 滚动到 pos这个位置
                $("html,body").animate({
                    //指的就是滚动条的距离
                    scrollTop: pos
                }, 1000)
            }

            //阻止刷新界面
            return false

        }



    })



</script>